<template> 
    <!-- table区域-begin -->
    <div>
      <a-config-provider>
        <template  #renderEmpty>
          <!-- <div style="text-align: center">
            <a-icon type="smile" style="font-size: 20px" />
            <p>Data Not Found</p>
          </div> -->
        </template>
        <div class="config-provider">     
         <a-table
            ref="feesTable"
            size="middle"
            bordered
            rowKey="id"
            class="j-table-force-nowrap" 
            style="margin:2px 0;"      
            :scroll="{x:true}"      
            :columns="columns"
            :pagination="false" 
            :dataSource="dataSource"
            :loading="loading"
            :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
          >
          </a-table>   
        </div>
      </a-config-provider> 
      
    </div>  
</template>

<script>

  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import { getAction} from '@/api/manage'
  import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
  import '@/assets/less/TableExpand.less'

  export default {
    name: "ChgPayfeeList",
    mixins:[JeecgListMixin],
    components: {
      
    },
   
    data () {
      return {
        description: '弹框缴费列表',        
        // 表头
        columns: [
          {
            title: '#',
            key: 'rowIndex',
            width: 60,
            align: 'center',
            customRender: (t, r, index) => parseInt(index) + 1
          },
          {
            title: '户号',
            align: 'center',
            dataIndex: 'accCode'
          },
          {
            title: '户名',
            align: 'center',
            dataIndex: 'accName',
          },      
          {
            title: '地址',
            align: 'center',
            dataIndex: 'address',
          },      
          {
            title: '金额',
            align: 'center',
            dataIndex: 'money',
          },          
           {
            title:'缴费日期',
            align:"center",
            dataIndex: 'createTime',
            customRender:function (text) {
              return !text?"":(text.length>10?text.substr(0,10):text)
            }
          },        
             
        ],
        // 字典选项
        dictOptions: {},
        // 展开的行test
        expandedRowKeys: [],
        url: {
          list: '/chg/chgPayments/payList',        
        },
        selectedMainId:'',
        queryParam:{},
        dictOptions:{},
        dataSource:[],      
      }
    },
    created() {
    
    },  
    mounted(){
     
    },
   
    methods: {
      initDictConfig(){
      },
      onSelectChange(selectedRowKeys, selectionRows) {
        this.selectedMainId=selectedRowKeys[0]
        this.selectedRowKeys = selectedRowKeys;
        this.selectionRows = selectionRows;
      },
      setQueryParam(param){
        this.queryParam=param;
        this.searchQuery();
      },
      getSelectDataRowIds(){
        return this.selectedRowKeys;
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
  .feeInput{
    width: 100px;
  }
  .ant-table-body{
    min-height: 100px;
  }
  .ant-empty-normal{
    margin:2px 0;
  }

</style>